$(window).on('load resize', function (event) {
    $(".buttonpush").click(function (event) {
        $(".neirong").addClass('neirong-show');
    });
    $(".neirong-close").click(function (event) {
        $(".neirong").removeClass('neirong-show');
    });
    $("#compare-close").click(function (event) {
        $(".compareFooter").hide();
    });
});
$('.tabs li').hover(function (e) {
    e.preventDefault();
    var num = $(this).data("num");
    $(".tab-pane").removeClass("active");
    $("#tab" + num).addClass("active");
});
$('#myTab2 a').hover(function (e) {
    e.preventDefault();
    $(this).tab('show')
});

function compareFixed() {
    setTimeout(function () {
        var compareFooter = $(".compareFooter");
        var footer = $(".index-footer");
        window.onscroll = function (e) {//头部滚动背景颜色
            var e = e || window.event;
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            var height = document.body.clientHeight;
            var footerH = height - scrollTop;
            if (footerH > 1280) {
                footer.addClass("fix");
                compareFooter.addClass("fix");
            } else {
                footer.removeClass("fix");
                compareFooter.removeClass("fix");
            }
        };
    }, 1500);
}

$(function () {
    $(".li1").hover(function () {
        $(".index-drop-down").css('display', 'block');
    }, function () {
        $(".index-drop-down").css('display', 'none');
    });
    $(".index-drop-down").hover(function () {
        $(".index-drop-down").css('display', 'block');
    }, function () {
        $(".index-drop-down").css('display', 'none');
    });
    $(".li2").hover(function () {
        $(".index-drop-down2").css('display', 'block');
    }, function () {
        $(".index-drop-down2").css('display', 'none');
    });
    $(".index-drop-down2").hover(function () {
        $(".index-drop-down2").css('display', 'block');
    }, function () {
        $(".index-drop-down2").css('display', 'none');
    });
    $(".li3").hover(function () {
        $(".index-drop-down3").css('display', 'block');
    }, function () {
        $(".index-drop-down3").css('display', 'none');
    });
    $(".index-drop-down3").hover(function () {
        $(".index-drop-down3").css('display', 'block');
    }, function () {
        $(".index-drop-down3").css('display', 'none');
    });
    $(".li4").hover(function () {
        $(".index-drop-down4").css('display', 'block');
    }, function () {
        $(".index-drop-down4").css('display', 'none');
    });
    $(".index-drop-down4").hover(function () {
        $(".index-drop-down4").css('display', 'block');
    }, function () {
        $(".index-drop-down4").css('display', 'none');
    });
    $("#products").click(function (event) {
        $("#menu").fadeIn();
        $(document).one("click", function () {
            $("#menu").hide();
        });
        event.stopPropagation();
    });
    $(".pageChage").click(function (event) {
        event.preventDefault();//阻止A标签跳转
        var url = location.href;
        var pageNo = getUrlParam("page");

        if (pageNo == null) {
            pageNo = "1";
        }
        console.log("pageNo:" + pageNo);


        var tag = $(this).attr("data-tag");
        if (tag == "Previous") {
            //向前，如果当前不是第一页，则向前翻页
            if (pageNo > 1) {
                pageNo--;
                var newurl = changeURLArg(url, "page", pageNo);
                location.href = newurl;//跳转到对应的页面
            }
        } else if (tag == "Next") {
            //向后，如果当前不是最后一页，则翻页
            var pages = $(this).data("page-range");
            if (pageNo == null) {
                var newurl = changeURLArg(url, "page", 2);
                location.href = newurl;//跳转到对应的页面
            } else {
                if (pageNo < pages) {
                    pageNo++;
                    var newurl = changeURLArg(url, "page", pageNo);
                    location.href = newurl;//跳转到对应的页面
                }
            }

        } else {
            var page = $(this).data("page");
            var newurl = changeURLArg(url, "page", page);
            location.href = newurl;//跳转到对应的页面
        }
    });
});

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}

function changeURLArg(url, arg, arg_val) {
    if (url.endWith("#")) {
        url = url.replace("#", "");
    }
    var pattern = arg + '=([^&]*)';
    var replaceText = arg + '=' + arg_val;
    if (url.match(pattern)) {
        var tmp = '/(' + arg + '=)([^&]*)/gi';
        tmp = url.replace(eval(tmp), replaceText);
        return tmp;
    } else {
        if (url.match('[\?]')) {
            return url + '&' + replaceText;
        } else {
            return url + '?' + replaceText;
        }
    }
    return url + '\n' + arg + '\n' + arg_val;
}

function fopen(obj) {
    var pid = obj.getAttribute("pid");
    $("." + pid).show(400);
    $("#" + pid).attr("onclick", "fhide(this)");
    $(obj).removeClass("glyphicon-plus");
    $(obj).addClass("glyphicon-minus");

}

function fhide(obj) {
    var pid = obj.getAttribute("pid");
    $("." + pid).hide(400);

    $("#" + pid).attr("onclick", "fopen(this)");
    $(obj).removeClass("glyphicon-minus");
    $(obj).addClass("glyphicon-plus");
}

String.prototype.endWith = function (s) {
    if (s == null || s == "" || this.length == 0 || s.length > this.length)
        return false;
    if (this.substring(this.length - s.length) == s)
        return true;
    else
        return false;
    return true;
};

String.prototype.startWith = function (s) {
    if (s == null || s == "" || this.length == 0 || s.length > this.length)
        return false;
    if (this.substr(0, s.length) == s)
        return true;
    else
        return false;
    return true;
};

// 底部对比框显示隐藏
function compareHideShow() {
    var compareNum = $(".compareInfo").find(".item").length;
    if (compareNum < 1) {
        $(".compareFooter").hide();
    } else {
        $(".compareFooter").show();
    }
}

// 获取左侧分类
function leftMenuHtml() {
    $.ajax({
        cache: false,
        type: "GET",
        url: '/category/get-tree/',
        data: null,
        async: false,
        error: function (request) {
        },
        success: function (data) {
            if (data.success == true && data.categorys) {
                var value = data.categorys;
                var urls = location.href.split("?")[0];
                urls = urls.split("/");
                var thisUrl = "";
                for (var j = 3; j < urls.length; j++) {
                    thisUrl += "/" + urls[j]
                }
                var menuArr = [];
                var oneCateName = "";
                var level = 0;
                $(value).each(function (i, d) {
                    if (d.url == thisUrl) {
                        menuArr = d.childrens;
                        oneCateName = d.name;
                        level = 1;
                        return false;
                    } else {
                        $(d.childrens).each(function (e, f) {
                            if (f.url == thisUrl) {
                                menuArr = d.childrens;
                                oneCateName = d.name;
                                level = 2;
                                return false;
                            } else {
                                $(f.childrens).each(function (g, k) {
                                    if (k.url == thisUrl) {
                                        menuArr = d.childrens;
                                        oneCateName = d.name;
                                        level = 3;
                                        return false;
                                    }
                                });
                            }
                        });
                    }
                });
                var innerHtml = "";
                $(menuArr).each(function (i, d) {
                    var active = "";
                    var isChild = "";
                    if (d.url == thisUrl) {
                        active = "Cate_active";
                    }
                    var isHaveActive = false;
                    var childHtml = "";
                    $(d.childrens).each(function (g, k) {
                        var childActive = "";
                        if (k.url == thisUrl) {
                            childActive = "active";
                            isHaveActive = true;
                        }
                        childHtml += '<li class="childMenu ' + childActive + ' cmenu' + d.id + '"><a href="' + k.url + '">' + k.name + '</a></li>';
                    });
                    if (isHaveActive) {
                        isChild = " parentMenuAcitve";
                    }
                    if(childHtml){
                        innerHtml += '<li class="parentMenu ' + active + isChild + '" data-id="' + d.id + '"><i class="glyphicon glyphicon-plus"></i>' + d.name + '</li>' + childHtml;
                    }else{
                        innerHtml += '<li class="parentMenu ' + active + isChild + '" data-id="' + d.id + '"><i class="glyphicon glyphicon-plus"></i><a href="' + d.url + '">' + d.name + '</a></li>' + childHtml;
                    }

                });
                $(".siderbar-list").html(innerHtml);
                if (!oneCateName) {
                    oneCateName = "Category"
                }
                $("#oneCateName").html(oneCateName);
                // 子菜单点击展开
                $(".siderbar-list").on("click", ".parentMenu", function () {
                    var id = $(this).data("id");
                    var status = $(this).data("status");
                    if (status == "open") {
                        $(".cmenu" + id).hide();
                        $(this).children(".glyphicon").removeClass("glyphicon-minus").addClass("glyphicon-plus");
                        $(this).data("status", "close");
                    } else {
                        $(".cmenu" + id).fadeIn();
                        $(this).children(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
                        $(this).data("status", "open");
                    }
                });
                // 如果当前栏目是子栏目，要将他的父类栏目下的都展开
                setTimeout(function () {
                    var thisParent = $(".parentMenuAcitve");
                    var thisCate = thisParent.data("id");
                    $(".cmenu" + thisCate).fadeIn();
                    thisParent.find(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
                    thisParent.data("status", "open");
                }, 100);

                // 如果是当前栏目，侧边栏要都展开
                setTimeout(function () {
                    var thisCateName = $(".Cate_active");
                    var thisCateChild = thisCateName.data("id");
                    $(".cmenu" + thisCateChild).fadeIn();
                    thisCateName.find(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
                    thisCateName.data("status", "open");
                }, 100)
            }
        }
    });
}